<!doctype html>
<html lang="zh">

<head>
  <p><a href="../index.html">回到首页</a></p>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Bootstrap CSS -->
  <link href="https://cdn.bootcss.com/twitter-bootstrap/4.4.1/css/bootstrap.css" rel="stylesheet">
  <title>JWZ.MEDIA公益</title>
  <!--引入动画库-->
  <link href="https://cdn.bootcss.com/animate.css/3.7.2/animate.min.css" rel="stylesheet">
  <!--自定义样式表-->
  <link rel="stylesheet" href="./index.css">
  <!--引入矢量图表-->
  <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>

<body>
  <header>
    <nav class="navbar navbar-expand-lg navbar-light shadow p-3 mb-5 fixed-top rounded">
      <a class="navbar-brand" href="#"></a>
      <img src="" alt="">
      </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item active">
            <a class="nav-link" href="#">首页 <span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
              aria-haspopup="true" aria-expanded="false">
              资讯
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
              <a class="dropdown-item" href="#">国际</a>
              <a class="dropdown-item" href="#">国内</a>
              <a class="dropdown-item" href="#">校园</a>
              <a class="dropdown-item" href="#">企业</a>
              <a class="dropdown-item" href="#">公开</a>
              <a class="dropdown-item" href="#">曝光</a>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item" href="#">其他</a>
            </div>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
              aria-haspopup="true" aria-expanded="false">
              项目
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
              <a class="dropdown-item" href="#">最近</a>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item" href="#">更多项目</a>
            </div>
          </li>
          <li class="nav-item">
            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">财务公示</a>
          </li>
          <li class="nav-item">
            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">登录</a>
          </li>
        </ul>
        <button class="btn btn-outline-danger my-2 my-sm-0 animated infinite bounce pulse" type="submit">加入我们</button>
      </div>
      </div>
    </nav>
  </header>
  <main>
    <section id="carousel" class="mb-5">
      <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
          <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
          <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
        </ol>
        <div class="carousel-inner">
          <div class="carousel-item active">
            <a href="report-detail.html">
              <img src="./images/P1010238.JPG" class="d-block w-100" alt="...">
              <div class="carousel-caption d-md-block">
                <h5>阿里恒</h5>
                <p>树润久 摄</p>
              </div>
            </a>
          </div>
          <div class="carousel-item">
            <a href="">
              <img src="./images/P1010402.JPG" class="d-block w-100" alt="...">
              <div class="carousel-caption d-md-block">
                <h5>玉龙雪山一角</h5>
                <p>记者 树润久</p>
              </div>
            </a>
          </div>
        </div>
      </div>
      <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
      </div>
    </section>
    <section id="events" class="container">
      <h3 class="text-center animated fadeInDown delay-1s"> 资讯</h3>
      <p class="title-bg display-4">INFORMATION</p>
      <div class=" row mb-4 animated fadeInDown delay-2s">
        <div class="col-md-3">
          <img src="./images/4.jpg" alt="" class="img-fluid">
        </div>
        <div class="col-md-6">
          <ul>
            <h4>国内</h4>
            <li><a href="#"> 云南：平安归途 一路守护 暖心服务 温情春运</a></li>
            <li><a href="#">地球一小时开启生物多样性保护全球行动年</a> </li>
            <li><a href="#">首批援鄂返陕医务人员与家人团聚</a> </li>
          </ul>
        </div>
        <div class="col-md-3">
          <button type="button" class="btn btn-danger">更多</button>
        </div>
      </div>
      <div class="row mb-4 animated fadeInDown delay-2s ">
        <div class="col-md-3">
          <img src="./images/1.jpg" alt="" class="img-fluid">
        </div>
        <div class="col-md-6">
          <ul>
            <h4>政府</h4>
            <li><a href="">习近平在浙江省安吉县考察</a> </li>
            <li><a href="">习近平主持中央政治局会议 研究部署进一步统筹推进疫情防控和经济社会发展工作</a> </li>
            <li><a href="">习近平：坚决克服新冠肺炎疫情影响 坚决夺取脱贫攻坚战全面胜利</a> </li>
            <li><a href="">交通运输部:加强境外返回人员疫情防控和服务保障</a> </li>

          </ul>
        </div>
        <div class="col-md-3">
          <button type="button" class="btn btn-danger">更多</button>
        </div>
      </div>
      <div class="row mb-4 animated fadeInDown delay-2s">
        <div class="col-md-3">
          <img src="./images/3.png" alt="" class="img-fluid">
        </div>
        <div class="col-md-6">
          <ul>
            <h4>学校</h4>
            <li><a href="">北师大将为全国受疫情影响严重个体提供两年免费心理咨询</a></li>
            <li><a href="">节约水资源，关爱我家园</a> </li>
            <li><a href="">南京大学医学院青年战“疫”实践：用责任担当筑起防疫长城</a> </li>

          </ul>
        </div>
        <div class="col-md-3">
          <button type="button" class="btn btn-danger">更多</button>
        </div>
      </div>


    </section>
    <section id="events" class="container mb-3">
      <h3 class="text-center animated fadeInDown delay-1s">项目</h3>
      <div class="row animated fadeInDown delay-3s">
        <div class="col-md-3">
          <img src="./images/4.png" alt="" class="img-fluid">
        </div>
        <div class="col-md-6">
          <ul class="list-unstyled">
            <h4>第十一届中国·郑州（国际）生态城市与立体绿化大会</h4>
            <li><i class="fa fa-calendar" aria-hidden="true"></i>2020年4月21日-24日</li>
            <li><i class="fa fa-map-marker" aria-hidden="true"></i>郑州市郑东新区国际会展中心会议中心</li>
            <li><i class="fa fa-location-arrow" aria-hidden="true"></i>
              郑东新区商务内环路中央公园1号</li>
          </ul>
          <p>
            第十一届中国·郑州(国际)生态城市与立体绿化大会”,于2020年4月21日-24日在郑州市郑东新区国际会展中心会议中心(2015年上合组织峰会举办处)召开。
          </p>
        </div>
        <div class="col-md-3">
          <button type="button" class="btn btn-danger">去看看</button>
        </div>
      </div>
      <div class="row animated fadeInDown delay-3s">
        <div class="col-md-3">
          <img src="./images/P1010251.JPG" alt="" class="img-fluid">
        </div>
        <div class="col-md-6">
          <ul class="list-unstyled">
            <h4>西安丝路旅博会西北五省（区）</h4>
            <li><i class="fa fa-calendar" aria-hidden="true"></i>3月27日至3月29日</li>
            <li><i class="fa fa-map-marker" aria-hidden="true"></i>西安曲江国际会展中心</li>
            <li><i class="fa fa-location-arrow" aria-hidden="true"></i>西安市长安南路与水厂路交汇处</li>
          </ul>
          <p>
            2020西安丝绸之路国际旅游博览会将于3月27日至3月29日在西安曲江国际会展中心举行。此次届西安丝路旅博会展出面积40000㎡,将有来自全球50余个国家和地区的1000余展商和500余买家参展参会。
          </p>
        </div>
        <div class="col-md-3">
          <button type="button" class="btn btn-danger">去看看</button>
        </div>
      </div>
    </section>
  </main>
  <footer>
    <section class="container-flouid ontact contact p-5">
      <div class="row">
        <div class="col-lg-4 text-center">
          <h3 class="mb-3">关注我们</h3>
          <img src="./images/timg.gif" alt="">
        </div>

        <div class="col-lg-4">
          <h3 class="mb-3">联系方式</h3>
          <ul class="list-unstyled">
            <li><i class="fa fa-map-marker" aria-hidden="true"></i>北京市朝阳区安苑东里1区17号 </li>
            <li><i class="fa fa-phone-square" aria-hidden="true"></i>0551-66777550（广告请勿骚扰！）</li>
            <li><i class="fa fa-weixin" aria-hidden="true"></i>商务合作微信:zggywwx</li>
            <li><i class="fa fa-weixin" aria-hidden="true"></i>媒介/公关合作微信:mohua2020</li>
            <li><i class="fa fa-weibo" aria-hidden="true"></i>中国公益网</li>
            <li><i class="fa fa-qq" aria-hidden="true"></i>2962882811（咨询专用）</li>
          </ul>
        </div>
        <div class="col-lg-4">
          <h3 class="mb-3">友情链接</h3>
          <ul class="list-unstyled column">
            <li><i class="fa fa-link" aria-hidden="true"></i><a href="http://www.cctv-gy.cn/">公益之声</a></li>
            <li><i class="fa fa-link" aria-hidden="true"></i><a href="http://www.gongyicankao.com/">公益参考消息</a></li>
            <li><i class="fa fa-link" aria-hidden="true"></i><a href="http://www.fzyshcn.com/">法制与社会</a></li>
            <li><i class="fa fa-link" aria-hidden="true"></i><a href="http://www.wujienews.com.cn/">无界新闻</a></li>
            <li><i class="fa fa-link" aria-hidden="true"></i><a href="http://www.bfzm.com/">北方周末<a></li>
            <li><i class="fa fa-link" aria-hidden="true"></i><a href="http://www.toutiao.com/">今日头条</a></li>
            <li><i class="fa fa-link" aria-hidden="true"></i><a href="http://www.ifeng.com/">凤凰网</a></li>
            <li><i class="fa fa-link" aria-hidden="true"></i><a href="http://www.qq.com/">腾讯网</a></li>
            <li><i class="fa fa-link" aria-hidden="true"></i><a href="http://www.163.com/">网易</a></li>
            <li><i class="fa fa-link" aria-hidden="true"></i><a href="http://www.youku.com/">优酷</a></li>
            <li><i class="fa fa-link" aria-hidden="true"></i><a href="http://www.yidianzixun.com/">一点资讯</a></li>
            <li><i class="fa fa-link" aria-hidden="true"></i><a href="http://www.qutoutiao.net/">趣头条</a></li>
            <li><i class="fa fa-link" aria-hidden="true"></i><a href="http://www.sohu.com/">搜狐新闻</a></li>
            <li><i class="fa fa-link" aria-hidden="true"></i><a href="http://baijiahao.baidu.com/">百度百家</a></li>

          </ul>
          </ul>
        </div>
      </div>
    </section>
    <section class="container-flouid copyright">
      <p class="text-center"> © copyright 2020 - <a href="#">JWZ工作室</a> - zggyw.org 版权所有</p>
    </section>
  </footer>
  <!-- Optional JavaScript -->
  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>
</body>

</html>
